<!--  / banner  -->
<div class="banner"> 
	<div class="bannerImg">
		<img class="hidden-xs" src="__CDN__{$ads.image}" alt="" width="100%">
		<img class="visible-xs" src="__CDN__{$ads.image_wap}" alt="" width="100%">
	</div>
<!--	<div class="bannerTxt container right">-->
<!--		<h6>海量网站等你选择</h6>-->
<!--		<p>拥有一个属于您得高品质网站，从现在开始</p>-->
<!--	</div>-->
</div>
<!--  / banner  -->

<!--  / warpper  -->
<main class="warpper"> 
	
	<div class="solveSec1 padding80">
		<div class="container">
			<div class="comment_title">
				<h6>微享网站建设</h6>
			</div>
			<div class="indSec4_txt marginTop60">
				<p>浙江微享网络科技有限公司是一家快速发展的高新技术企业，智慧城市解决方案提供商，提供平台研发、系统集成及运营维护一体化服务。公司核心团队创立于2010年，目前技术团队成员75人。微享网络以自主研发能力</p>
			</div>
		</div>
		<ul class="solveSec1_list transitionDelay2">

			{notempty name='$solution'}
			{foreach $solution as $vo}
			<li class="marginTop60">
				<div class="solveSec1_img" style="background: url(__CDN__{$vo.image}) center/cover no-repeat;"></div>
				<div class="container">
					<div class="solveSec1_txt">
						<h6>{$vo.title}</h6>
						<p>{$vo.desc}</p>
						<div class="line"></div>
					</div>
				</div>
			</li>
			{/foreach}
			{/notempty}

		</ul>
	</div>

	<div class="solveSec2 padding80">
		<div class="container">
			<div class="comment_title">
				<h6>接入流程</h6>
			</div>
			<ul class="solveSec2_list marginTop60 transitionDelay">
				<li>
					<div class="solveSec2_box">
						<img src="__CDN__/home/images/solveSec2_img01.png" alt="">
						<p>意向沟通</p>
					</div>
					<div class="solveSec2_num">1</div>
				</li>
				<li>
					<div class="solveSec2_box">
						<img src="__CDN__/home/images/solveSec2_img02.png" alt="">
						<p>需求评估</p>
					</div>
					<div class="solveSec2_num">2</div>
				</li>
				<li>
					<div class="solveSec2_box">
						<img src="__CDN__/home/images/solveSec2_img03.png" alt="">
						<p>方案设计</p>
					</div>
					<div class="solveSec2_num">3</div>
				</li>
				<li>
					<div class="solveSec2_box">
						<img src="__CDN__/home/images/solveSec2_img04.png" alt="">
						<p>开发调试</p>
					</div>
					<div class="solveSec2_num">4</div>
				</li>
				<li>
					<div class="solveSec2_box">
						<img src="__CDN__/home/images/solveSec2_img05.png" alt="">
						<p>部署上线</p>
					</div>
					<div class="solveSec2_num">5</div>
				</li>
			</ul>
		</div>
	</div>
</main>
<!--  / warpper  --> 

<script>
$(function() {

	var mySwiper1 = new Swiper('.banner_swiper', {
		loop: true,
		speed: 600,
		observer: true,
		observeParents: true,
		autoplay: 5000,
		autoplayDisableOnInteraction: false,
		slidesPerView: 2,
		slidesPerGroup: 2,
		spaceBetween: 130,
		centeredSlides: true,
		pagination: '.index_sec4_pagination',
		paginationClickable: true,
		prevButton: '.swiper-button-prev',
		nextButton: '.swiper-button-next',
		simulateTouch: false,
		breakpoints: { 
		    1440: {
				spaceBetween : 40,
		    },
		}
	})

	$('body').on('click','.index_sec4_swiper_prev',function(){
		mySwiper1.slidePrev();
	})
	$('body').on('click','.index_sec4_swiper_next',function(){
		mySwiper1.slideNext();
	})

})

$(window).ready(function(){
	$('.headerNav li').eq(2).addClass('on');
})
$(window).load(function(){
	
})
$(window).resize(function(){
	
})

$(window).scroll(function () {
    var h = $(window).scrollTop()
    

    if (h > $('.banner').offset().top + 200 && h < $('.solveSec1').offset().top) {
        $('.solveSec1').addClass('on')
    } else if (h > $('.solveSec1').offset().top + 200 && h < $('.solveSec2').offset().top - $('.solveSec2').outerHeight(true)/4) {
        $('.solveSec2').addClass('on')
    }

    for (var i = 0; i < $('.solveSec1_list li').length; i++) {
    	
    	if (h > $('.solveSec1_list li').eq(i).offset().top - ($(window).height()/2)) {
	        $('.solveSec1_list li').eq(i).addClass('on')
	    }
    }
})

</script>
